<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>设计点-首页</title>
        <link rel="stylesheet" type="text/css" href="css/basic.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div class="header">
            <div class="headerwrap">
                <a class="logo" href="home.html"><img title="设计点" alt="设计点"  src="image/logo.png"></a>
                <span class="toptools">
                    <a href="login.html">登录</a>
                    <a href="login.html">注册</a>
                </span>
            </div>
        </div>
        <div class="navi">
            <div class="naviwrap">
                <span><a class="navigation cur_navigation" href="home.html">首页</a></span>
                <span class="withmenu"><a class="navigation" href="design.html">设计</a></span>
                <span class="withmenu"><a class="navigation" href="material.html">素材</a></span>
                <span class="withmenu"><a class="navigation" href="tutorial.html">教程</a></span>
                <form action="search" >
                    <input type="text"class="search_input" value="开始搜索..." name="term">
                    <input type="submit"class="search_submit" value="">
                </form>
            </div>
        </div>
        <div class="content">
            <div class="contentwrap">
                <div class="slide">
                    <div></div>
                    <a class="prev"></a>
                    <a class="next"></a>
                </div>
                <div class="leftwrap">
                    <h1>最新发布</h1>
                    <ul class="news">
                        <li>
                            <a class="title" href="#">薛美媛最新设计,惊人!</a>
                            <a class="website" href="#">zcool.com.cn</a>
                            <span class="date">5月13日</span>
                            <span class="review">15次浏览</span>
                            <a class="comments" href="#">15条评论</a>
                            <div class="list_content">
                                <a class="image" href="#">薛美媛最新设计</a>
                                <a class="intro" href="#">首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”</a>
                                <span class="tags">标签：
                                    <a href="#">photoshop设计</a>
                                    <a href="#">photoshop教程</a>
                                    <a href="#">站酷</a>
                                    <a href="#">蓝天</a>
                                    <a href="#">白云</a>
                                </span>
                            </div>
                        </li>
                    </ul>
                    <a class="showmore" href="#">
                        显示更多
                    </a>
                </div>
                <div class="rightwrap">
                    <h1>热门分类</h1>
                    <ul class="hotCategory">
                        <li><a href="#">photoshop教程</a></li>
                        <li><a href="#">illustrator教程</a></li>
                        <li><a href="#">psd素材</a></li>
                        <li><a href="#">ai素材</a></li>
                        <li><a href="#">矢量素材</a></li>
                        <li><a href="#">eps素材</a></li>
                        <li><a href="#">photoshop特效</a></li>
                        <li><a href="#">photoshop抠图</a></li>

                    </ul>
                    <h1>经典站点</h1>
                    <ul class="classicalWebs">
                        <li></li>
                    </ul>
                    <h1>赞助链接</h1>
                    <ul class="cooperation">
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footerwrap1">
                <div class="footerwrap">
                    广告位
                </div>
            </div>
        </div>
    </body>
</html>
